body,html{height: 100%;}
.pull-right{float: right;}
.pull-left{float: left;}
#box{height: 100%;display: -webkit-box;-webkit-box-orient: vertical;display: -moz-box;background: #262628;}
/*头部区*/
.head-top{height: 1.21rem;background: #111111;position: fixed;top: 0;z-index: 999;position: relative;width: 10.8rem;}
.head-top i{color: #fff;position: absolute;top: 0.20rem;}
.head-top i:nth-of-type(1){left: 0.42rem;font-size: 0.70rem;}
.head-top i:nth-of-type(2){right: 0.42rem;font-size: 0.70rem;}
.head-top img{padding-left:4.5rem;height: 0.88rem;}
/*内容区*/
.cont{-webkit-box-flex: 1;overflow: hidden; z-index: 22;position: absolute;bottom: 0rem;top:1.20rem;}
.cont-top{height: auto;width: 10.8rem;}
.cont-top-head{height: 1.10rem;background: #262628;position: relative;width: 10.8rem;}
.cont-top-head h2{text-align: center;padding: 0.35rem 0.10rem 0;color: #FFFFFF;font-size: 0.30rem;font-weight: normal;}
.cont-top-head div{position:absolute;width: 0.62rem;top:0.55rem;height: 0.20rem;background: url(../img/line.png) repeat-x;}
.cont-top-head div:nth-of-type(1){left: 3.90rem;}
.cont-top-head div:nth-of-type(2){right: 3.90rem;}
.cont-top-content{position: relative;}
.cont-top-content img{width: 10.8rem;}
.cont-top-content p{position: absolute;color: #ffffff;}
.cont-top-content p:nth-of-type(1){left:50%;top: 45%;font-size: 0.46rem;font-weight: bold;height: 0.8rem;margin-top: -0.4rem;width: 9rem;margin-left: -4.5rem;text-align: center;}
.cont-top-content p:nth-of-type(2){left:55%;top: 60%;font-size: 0.36rem;height: 0.8rem;margin-top: -0.4rem;width: 9rem;margin-left: -4.5rem;text-align: center;}
.cont-top-more{height: 0.88rem;background: #3d3c41; color: #a0a0a0;padding-top: 0.50rem;}
.cont-top-more p{float: left;padding:0 0.16rem 0 3.77rem;font-size: 0.30rem;}
.cont-top-more i{float: left;font-size: 0.3rem;display: block;padding-top: 0.04rem;}
.cont-content{background: #262628;}
.cont-content-title{height: 1.10rem;position: relative;width: 10.8rem;}
.cont-content-title h2{text-align: center;padding: 0.4rem 0.10rem 0;color: #FFFFFF;font-size: 0.30rem;font-weight: normal;}
.cont-content-title div{position:absolute;width: 0.62rem;top:0.55rem;height: 0.20rem;background: url(../img/line.png) repeat-x;}
.cont-content-title div:nth-of-type(1){left: 3.70rem;}
.cont-content-title div:nth-of-type(2){right: 3.70rem;}
.cont-content-content{position: relative;}
.cont-content-explore{height: 1.10rem;position: absolute;top: 2.00rem;left: 3.00rem;}
.cont-content-explore h2{text-align: center;color: #FFFFFF;font-size: 0.40rem;font-weight: normal;}
.cont-content-content img{width: 10.8rem;}
/*关注的频道*/
.common-bg{background: #3d3c41;height: 7.78rem;}
.cont-content-head{height: 1.16rem;padding: 0.50rem 0.50rem 0.42rem 0.42rem;}
.cont-content-backg{float:left;}
.cont-content-backg img{width: 1rem;height: 1rem;border-radius: 50%;}
.cont-douyu{float: left;padding: 0.10rem 0 0 0.40rem;}
.cont-douyu-tv{height: 0.60rem;}
.cont-douyu-tv p{float: left;font-size: 0.38rem;color:#ffffff ;padding-right: 0.37rem;}
.cont-douyu-tv i{float: left;font-size: 0.46rem;color:#9f9f9f ;display: block;}
.cont-total-people{font-size: 0.30rem;color: #ffffff;}
/*轮播图*/
.choose{background: #3d3c41;margin-top: 0.34rem;padding-top: 0.66rem;width: 10.8rem;}
.choose h2{font-size: 0.40rem;color: #FFFFFF;text-align: center;}
.choose p:nth-of-type(1){font-size: 0.28rem;color: #FFFFFF;text-align: center;padding: 0.26rem 0;}
.swiper-container {height: 5.88rem; width: 10.8rem;}
.wonderful-head { position: relative; text-align: center; font-size: 0.18rem;  display: -webkit-box;display: -ms-flexbox;
        display: -webkit-flex; display: flex; -webkit-box-pack: center;-webkit-justify-content: center; justify-content: center;
        -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }

.choose-foot{padding-top: 0.24rem;}
.wonderful-header{position: absolute;top: -0;left: 40%;width: 1rem;height: 1rem;border-radius: 50%;}
.wonderful-head h2{position: absolute;top: 0.1rem;color: aqua;left: 50%;z-index: 444;}
.cont-content-foot{float: right;width:1.58rem ;height: 0.62rem;font-size:0.30rem;padding-top: 0.20rem;text-align: center;border: 1px solid #a0a0a0;color: #a0a0a0;border-radius: 0.12rem;}
.common-bg-ul{height: 5rem;}
.swiper-container{}
.common-bg-style{position: relative;}
.common-bg-style p{position:absolute;color: #FFFFFF;}
.common-bg-style p:nth-of-type(1){left:50%;top: 45%;font-size: 0.46rem;font-weight: bold;height: 0.8rem;margin-top: -0.4rem;width: 9rem;margin-left: -4.5rem;text-align: center;}
.common-bg-style p:nth-of-type(2){left:55%;top: 60%;font-size: 0.36rem;height: 0.8rem;margin-top: -0.4rem;width: 9rem;margin-left: -4.5rem;text-align: center;}
.cont-foot{background: #262628;height: auto;padding-bottom: 0.92rem;}
.common-style-pic{position: relative;padding-left: 0.18rem;padding-bottom: 0.38rem;}
.common-style-pic img{width: 10.5rem;height: 3rem;}
.common-style-pic p{position: absolute;left:4.40rem;top: 1.2rem;font-size: 0.44rem;color: #FFFFFF;}
.cont-foot-more{height: 2.14rem;margin: 0 0.18rem;background: #3d3c41;border-radius: 0.08rem;}

.cont-foot-more p{text-align: center;color: #9f9f9f;}
.cont-foot-more p:nth-of-type(1){font-size: 0.45rem;padding-top: 0.62rem;}
.cont-foot-more p:nth-of-type(2){font-size: 0.30rem;}


















